<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->
<link type="text/css" rel="stylesheet" href="/css/reset.css" />
<link type="text/css" rel="stylesheet" href="/css/main.css" />

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Steam Ui</title>
  </head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/main.js"></script>
<script src="js/purl.js"></script>

  <body>
    <div class="header">
    	<img id="spinner" src="image/ajax-loader.gif"></img>
    	<h1 ><span id="player-name"></span> Steam UI beta 8</h1>
	</div>
	
	<div class="left-column">
		Search: 
		<input name="filter-input" id="filter-input" type="text">
		<ul id="game-list"></ul>
	</div>
	<div class="right-column">
		<div id="game-info-frame"></div>
	</div>
	
	<script type="text/javascript">	
		$(document).ready(function() {
			//clear the filter
			$('#filter-input').val('');
			steamui.getPlayerName();
			steamui.getGames();
			steamui.registerSearchHandler();
		});
	</script>
    
  </body>
</html>
